<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>

<script type="text/javascript">
	function getKelompokPengguna() {
		return $("#kelompokPengguna").val();
	}
</script>

<s:url id="gridUrl" action="sistem/penggunasistem/jqgrid/data">
</s:url>

<s:url id="crudUrl" action="sistem/penggunasistem/jqgrid/crud">
</s:url>

<s:url id="jsonmapKelompokPenggunaUrl" action="sistem/kelompokpengguna/jsonmap">
</s:url>

<s:form id="formKelompokPengguna">
	<s:label for="kelompokPengguna" value="Pilih Kelompok Pengguna"></s:label>
	<sj:select href="%{jsonmapKelompokPenggunaUrl}" id="kelompokPengguna"
		name="kelompokPengguna" list="list" emptyOption="true" headerKey="0"
		headerValue="Pilih Kelompok Pengguna"
		onChangeTopics="gantiKelompokPengguna" />
</s:form>

<hr />
<sjg:grid id="penggunaSistem" caption="Pengguna Sistem" dataType="json"
	href="%{gridUrl}" pager="true" navigator="true"
	navigatorSearchOptions="{sopt:['eq','ne','lt','gt']}"
	navigatorAddOptions="{height:400,width:600,reloadAfterSubmit:true,editData:{kelompokPengguna:getKelompokPengguna}}"
	navigatorEditOptions="{height:400,width:600,reloadAfterSubmit:false}"
	navigatorEdit="true" navigatorView="false" navigatorDelete="true"
	navigatorDeleteOptions="{height:280,reloadAfterSubmit:true}"
	gridModel="list" rowList="10,15,20" rowNum="15" editurl="%{crudUrl}"
	editinline="false" viewrecords="true" width="700" shrinkToFit="true"
	formIds="formKelompokPengguna" reloadTopics="gantiKelompokPengguna"
	onSelectRowTopics="rowselect" autowidth="true">
	<sjg:gridColumn name="id" frozen="true" index="id" title="ID"
		width="20" formatter="integer" editable="false" sortable="false"
		search="true" searchoptions="{sopt:['eq','ne','lt','gt']}" />
	<sjg:gridColumn name="username" index="username" title="Username"
		width="50" editable="true" edittype="text" sortable="true"
		search="false" />
	<sjg:gridColumn name="useraccess" index="useraccess" title="Useraccess"
		width="50" editable="true" edittype="text" sortable="true"
		search="false" />
	<sjg:gridColumn name="password" index="password" title="password"
		sortable="false" editable="true" width="100" />
</sjg:grid>
